<template>
	<view class="body">
		<view class="friend-list u-f">
			<view class="userpic">
				<image :src="item.userpic" mode="widthFix" lazy-load=""></image>
			</view>
			<view class="friend-list-main u-f u-f-js">
				<view class="left">
						<view class="username">{{item.username}}</view>
						<tab-sex :sex="item.sex" :age="item.age"></tab-sex>
				</view>
				<view class="icon iconfont" :class="[item.isguanzhu? 'icon-xuanze-yixuan' : 'icon-zengjia1']"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import tabSex from '../../components/common/tab-sex.vue'
	export default {
		components:{
			tabSex
		},
		props:{
			item:Object,
			index:Number 
		},
		methods:{
			
		}
	}
</script>

<style scoped>
	.userpic image {
		width:100upx;
		height:100upx;
		flex-shrink: 0;
		border-radius: 50%;
		margin-right:20upx;
	}
	.friend-list {
		padding: 20upx ;
		border-bottom: 1upx solid #eee;
	}
	.friend-list-main {
		flex:1;
		align-items: center;
	}
	.username {
		font-size: 40upx;
	}
	.friend-list-main view:last-child{
		font-size: 35upx;
		color:#F8791B;
	}
	.friend-list-main .icon-xuanze-yixuan {
		color:#ccc!important;
	}
</style>
